<template>
	<view class="ai-container">
    <e-navbar left-title="易小语AI占卜" :showBack="false"></e-navbar>
    <view class="ai-list">
      <view
        class="ai-item"
        v-for="(item, index) in aiList"
        :key="index"
        @click="handleAiItem(item)"
      >
        <view class="ai-item-image m-r-26">
          <u-avatar :src="$image('/images/ai-icon' + item.id + '.png')" size="58"></u-avatar>
        </view>
        <view class="ai-item-content flex-1">
          <view class="ai-item-title">{{item.name}}</view>
          <view class="font-24 text-999 hidden_one m-t-10">{{item.introduction}}</view>
        </view>
      </view>
    </view>
    <e-tabbar :current="1"></e-tabbar>
	</view>
</template>

<script>
	import {setting} from "@/common/api";

  export default {
		data() {
			return {
				// aiList: [
        //   {
        //     icon: 1,
        //     title: "姻缘",
        //     desc: "针对这个描述，我不太明确具体所指的方向和建议",
        //   },
        //   {
        //     icon: 2,
        //     title: "事业",
        //     desc: "针对这个描述，我不太明确具体所指的方向和建议",
        //   },
        //   {
        //     icon: 3,
        //     title: "学业",
        //     desc: "针对这个描述，我不太明确具体所指的方向和建议",
        //   },
        //   {
        //     icon: 4,
        //     title: "健康",
        //     desc: "针对这个描述，我不太明确具体所指的方向和建议",
        //   },
        //   {
        //     icon: 5,
        //     title: "解梦",
        //     desc: "针对这个描述，我不太明确具体所指的方向和建议我不太明确具体所指的方向和建议",
        //   }
        // ]
        aiList: [],
			};
		},
    onLoad() {
    },
    onReady() {
      setTimeout(()=>{
        this.getAiList();
      },100)
    },
    methods: {
      handleAiItem(item) {
        let data = {
          id: item.id,
          title: item.name + "占卜",
          type: item.type,
          description: item.description,
        }
        uni.navigateTo({
          // url: "/pages/ai/chat/chat?id=" + item.id + "&title=" + encodeURIComponent(item.name + "占卜") + "&type=" + item.type,
          url: "/pages/ai/chat/chat?aiData=" + encodeURIComponent(JSON.stringify(data))
        })
      },
      // 获取ai列表
      async getAiList(){
        let setting = uni.getStorageSync('setting');
        if(setting){
          setting = JSON.parse(setting);
          this.aiList = JSON.parse(setting.find(item => item.key == "all_ai_question").value).filter(item => item.id != 0);
        }
      }
    }
	}
</script>
<style>
  page{
    background: #fff;
  }
</style>
<style lang="scss" scoped>
.ai-container{
  .ai-list{
    .ai-item{
      display: flex;
      padding: 40rpx 0rpx 0rpx 30rpx;
      .ai-item-content{
        border-bottom: 1px solid #F0F0F0;
        padding: 10rpx 24rpx 40rpx 0;
        .ai-item-title{
          color: #181818;
          font-size: 36rpx;
          font-family: 'pingfang-heavy';
        }
      }
    }
  }
}
</style>
